<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">

    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../css/common.css">

    <!-- 3.当前样式 -->
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
    <div class="outContainer clearfix">
        <div class="leftC fl">
            <img src="../imgs/login-bg.png" alt="">
        </div>
        <div class="rightC fl">
            <div class="modal">
                <img src="../imgs/loginlogo.png" alt="">
                <div class="navList">
                    <span class="active">账号登录</span>
                    <span>扫码登录</span>
                </div>
                <div class="contentList1 navListContent on">
                    <div>
                        <p>
                            <i></i>
                            <input type="text" placeholder="用户名/手机号/邮箱" class="userName">
                            <img src="../imgs/clearInput.png" alt="" class="delBtn">
                        </p>
                        <p>
                            <i></i>
                            <input type="password" placeholder="密码" class="userPwd">
                            <img src="../imgs/clearInput.png" alt="" class="delBtn">
                        </p>
                        <div class="errInfo">
                            <p class="errImg">用户名格式不正确</p>
                        </div>
                    </div>

                    <div>
                        <a href="#">忘记密码</a>
                    </div>

                    <a href="javascript:" class="loginBtn">登录</a>
                    <p><span>还没有源码账号，</span><a href="register.html">立即注册</a><i></i></p>
                </div>
                <div class="contentList2 navListContent ">
                    <div>
                        <img src="../imgs/showqrcode.jpg" alt="">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公众号，请先关注后再登录</p>

                    </div>
                    <p><span>还没有源码账号，</span><a href="register.html">立即注册</a><i></i></p>
                </div>
            </div>
        </div>
    </div>

    <!-- 引入文档加载封装函数 -->
    <script src="../lib/dom.js"></script>
    <!-- 引入选项卡封装函数 -->
    <script src="../lib/tabCard.js"></script>
    <!-- 引入当前js代码 -->
    <script src="../js/login.js"></script>
</body>

</html>